<template>
  <div class="headerMore clearfix" :style="{ width: width + 'px' }">
    <div :class="type == 'long' ? 'headerMore_s fl' : 'headerMore_l fl'">
      {{ title }}
    </div>
    <div class="headerMore_r fr" @click="goMore" v-if="isMore">更多></div>
  </div>
</template>
<script>
export default {
  props: {
    width: {
      type: String,
      default: "1320",
    },
    title: {
      type: String,
      default: "通知公告",
    },
    url: {
      type: String,
      default: "",
    },
    type: {
      type: String,
      default: "short",
    },
    isMore:{
      type: Boolean,
      default: true,
    }
  },
  data() {
    return {};
  },
  methods: {
    goMore() {
      this.$emit("goMore");
    },
  },
};
</script>
<style lang="less" scoped>
.headerMore {
  border-bottom: 2px solid #bc020f;
  .headerMore_l {
    background: url(../../assets/image/title1.jpg);
    width: 180px;
    height: 49px;
    background-repeat: no-repeat;
    font-size: 28px;
    color: #fff;
    font-weight: 800;
    padding: 10px 17px;
    box-sizing: border-box;
  }
  .headerMore_s {
    background: url(../../assets/image/title2.jpg);
    width: 223px;
    height: 49px;
    background-repeat: no-repeat;
    font-size: 28px;
    color: #fff;
    font-weight: 800;
    padding: 10px 17px;
    box-sizing: border-box;
  }
  .headerMore_r {
    color: #ceba98;
    font-size: 20px;
    cursor: pointer;
    margin-top: 20px;
  }
}
</style>
